@import './global_variable.scss';
// 公共样式
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul {
  margin: 0 !important;
  padding: 0 !important;
  li {
    margin: 0;
    padding: 0;
    list-style: none !important;
    cursor: pointer;
  }
}
a {
  text-decoration: none !important;
}
img[src=""],img:not([src]) { opacity: 0; }
// 设置自定义滚动条
html {
  // 滚动条整体
  &::-webkit-scrollbar {
    width: $px_scrollbar;
    height: $px_scrollbar;
  }
  // 滚动条滑块公共样式
  &::-webkit-scrollbar-thumb,
  &::-webkit-scrollbar-thumb:horizontal {
    background-color: $color_scrollbar_thumb;
    border-radius: $px_scrollbar_thumb_radius;
    &:hover {
      background-color: $color_scrollbar_thumb_hover;
    }
  }
  // 垂直滚动条滑块
  &::-webkit-scrollbar-thumb {
    border-left: 1px solid $color_scrollbar_track;
    border-right: 1px solid $color_scrollbar_track;
  }
  // 水平滚动条滑块
  &::-webkit-scrollbar-thumb:horizontal {
    border-top: 1px solid $color_scrollbar_track;
    border-bottom: 1px solid $color_scrollbar_track;
  }
  // 滚动条轨道
  &::-webkit-scrollbar-track,
  &::-webkit-scrollbar-track:horizontal {
    background-color: $color_scrollbar_track;
  }
  // 滚动条交汇处
  &::-webkit-scrollbar-corner {
    background-color: $color_scrollbar_corner;
  }
}
:root {
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}
body {
  width: 100vw;
}